.login{
  max-width: 80rem;
  max-height: 52rem;
  margin: 0 auto;
  width: 100%;
  height: 52rem;
  background: url(./images/loginbj.png) no-repeat center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.login>img{position: absolute;right: 2rem;bottom: 1rem;}
.login>ul{overflow: hidden;}
.login>ul li{width: 25%;float: left;height: 14rem;font-size: 1.6rem;position: relative;background: none;}
/* .login>ul li >div{border-bottom-left-radius: 2rem;border-bottom-right-radius: 2rem;} */
.login>ul li.prve{border-bottom-right-radius: 2rem;}
.login>ul li.next{border-bottom-left-radius: 2rem;}
.login>ul li.next>p{border-left: 1px dashed #646464;}
.login>ul li >p{width: 100%;height: 80%;float: right;position: absolute;right: 0;top: 1rem;border-right: 1px dashed #646464;}
.login>ul li >div{width: 5rem;height: 5rem;border-radius: 50%;position: relative;display: flex; justify-content: center;
                  background: #a0a0a0;text-align: center;line-height: 5rem;margin-top: 2rem;margin-left:30% ;}
.login>ul li >div img{width: 3.2rem; margin-top: .9rem;height: 3.3rem;}
.login>ul li >div span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 0rem;height: 0rem;border: 1px solid #ccc;}
.login>ul li >span{ color: #a0a0a0;display: block;margin-left:30% ;margin-top: .5rem;}
.login>ul li b{ color: #a0a0a0;font-size: 1.4rem;display: block;margin-left:30% ;}
.login>ul li.show{background: #1b3867;transition: all .3s ease;transform: scale(1.3);}
.login>ul li.show >div{background: #1b9bf0;}
.login>ul li.show >div span{transition: all .3s ease;width: 4rem;height: 4rem;border-radius: 50%;}
.login>ul li.show span{ color: #1b9bf0;}
.login>ul li.show b{ color: #1b9bf0;}
.login>dl{display: block;}
.login>dl dd.login-input{width: 30rem;margin: 0 auto;}
.login>dl dd.login-input h5{font-size: 2.4rem;text-align: center;color: #fff;font-weight: 500;margin-top: 2.5rem;}
.login>dl dd.login-input div{margin-top: 2.5rem;height: 4rem;border: 1px solid #fff;background: url(./images/images/loginname_03.png) no-repeat 5% center;}
.login>dl dd.login-input div:last-of-type{background: url(./images/images/loginpass_03.png) no-repeat 5% center;}
.login>dl dd.login-input div input{width: 85%;outline: none;height: 4rem;background: none;border: 0;float: right;color: #fff;font-size: 1.8rem;}
.login>dl dd.login-input p{font-size: 1.4rem;color: #fff;margin-top: 1rem;}
.login>dl dd.login-input p a{font-size: 1.4rem;color: #fff;float: right;text-decoration: none;}
.login>dl dd.login-input p label input{float: left;width: 1.8rem;display: block;height: 1.8rem;margin-right: .6rem;}
.login>dl dd.login-input button{display: block;height: 4rem;background: #1ba6ff;width: 100%;margin-top: 2.5rem;
border: 0;outline: none;font-size: 2rem;color: #fff;letter-spacing: 1rem;}
.login-set>div{
  float: left;
  width: 50%;
}
.login-set{margin-top: 3.5rem;}
.login-set>.logset{position: relative;}
.login-set>.logset>b{position: absolute;right: 0;height: 110%; width: .1rem;display: block; top: 1rem;border-right: 1px dashed #646464; }
.login-set>.logset h5{font-size: 2rem;font-weight: 500;color: #fff;text-align: center;margin-bottom: 3.5rem;}
.login-set>.logset div{width: 28rem;height: 3.5rem;line-height: 3.5rem;margin: 0 auto;margin-bottom: 2.5rem;color: #fff;font-size: 1.4rem;}
.login-set>.logset div> span{width: 6rem;display: block;float: left;height: 3.5rem;}
.login-set>.logset div p{width: 21rem;float: left;height: 3.5rem;color: #fff;
border: 2px solid #adb0b3;font-size: 1.4rem;position: relative;}
.login-set>.logset div p>span{display: block;line-height: 3.5rem;text-indent: .6rem;cursor: pointer;}
.login-set>.logset div p ul{line-height: 3.5rem;position: absolute;
z-index: 10; top: 3.5rem;width: 100%;left: -2px;border: 2px solid rgba(0,0,0,0);background: none;}

.login-set>.logset div p ul li{display: block;text-indent: .6rem;height: 0;overflow: hidden;cursor: pointer;}
.login-set>.logset div p ul li:hover{background: #666;}
.newmenu ul.show{border: 2px solid #adb0b3 !important;transition: all .3s ease;background: #000 !important;}
.newmenu ul.show li{height: 3.5rem !important;transition: all .3s ease;}
.newmenu ul li.active{background: #666;}
.login-set>.logset div>button{width: 21.4rem;float: left;height: 3.5rem;color: #fff;font-size: 1.6rem;background: #1ba6ff;letter-spacing: 2rem;border: 0;}

.login-set>.dailset{}
.login-set>.dailset h5{font-size: 2rem;font-weight: 500;color: #fff;text-align: center;margin-bottom: 3.5rem;}
.login-set>.dailset>div{height: 3rem;line-height: 3.5rem;margin-bottom: 1.2rem;color: #303030;padding-left: 2rem;}
.login-set>.dailset>div>span{width: 5rem;display: inline-block;height: 3.5rem;font-size: 1.4rem;    }
.login-set>.dailset>div:first-of-type>span{float: left;}
.login-set>.dailset>div>span:last-of-type{text-align: center;}
.login-set>.dailset>div>span:first-of-type{text-align: left;  }
.login-set>.dailset>div>label{font-size: 1.4rem;float: left;}
.login-set>.dailset>div>label input{float: left;width: 1.4rem;display: block;height: 1.4rem;margin-right: .6rem;margin-top: 1.2rem;}
.login-set>.dailset>div >input:last-of-type{width: 8rem;height:3rem ;border: 2px solid #adb0b3;background: none;outline: none;text-indent: 1rem;color: #fff;}
.login-set>.dailset>div >input:first-of-type{width: 20rem;height:3rem ;border: 2px solid #adb0b3;background: none;outline: none;text-indent: 1rem;color: #fff;}
.firbox{color: #fff !important;}

.serter{width: 50%;margin: auto;}
.serter ol{margin-top: 4.5rem;}
.serter ol li{display: block;overflow: hidden;margin-bottom: 2rem;}
.serter ol li>*{float: left;}
.serter ol >img{}
.serter ol li>p{font-size: 1.4rem;color: #fff;margin-top: 1rem;margin-left: 4rem;}
.serter ol li>p small{font-size: 1rem;color: #e3e1e1;display: block;margin-top: .2rem;}
.serter ol li>span{font-size: 1.8rem;color: #fff;margin-top: 1.5rem;float: right;}
.serter ol li>img{}
